<template>
  <div class="home">
     首页
     <!-- <button @click="jump">跳转到分类页面</button> -->
     <router-link tag="button" :to="{name:'Second',params:{id:666}}">跳转到分类页面</router-link>
  </div>
</template>

<script setup>
  import { useRouter } from 'vue-router';
  // const { push } = useRouter();
  const { push, replace } = useRouter();
  // console.log(router);
  let id = 666;
  // query 传参
  const jump = () => { // 跳转的函数
    // push({path:'/second',query:{id:id,num:888}});
    // push(`/second?id=${id}&num=${888}`);
    // 使用 params 传参的时候，不能使用 path 要使用name (注意：使用params 传参的时候刷新数据会丢失 )
    // push({name:'Second',params:{id:id,num:888}});
    // push(`/second/${id}`);

    // replace 和 push 用法基本上一样。区别在 push 跳转，会把跳转的路径，缓存到历史记录里面，我们使用 back 或者 go(-1);能找到 replace 不会
    // replace(`/second/${id}`);
    
    // push,replace,go,back,等都属于编程式导航
  }

</script>
